<gm:page title="Amsterdam Music Calendar" authenticate="false">
  
  <gm:data id="bimhuisfeed" data="http://www.google.com/calendar/feeds/piezoevents%40gmail.com/public/full?futureevents=true&max-results=1000&orderby=starttime&sortorder=ascending"/>
  
  <gm:calendar id="eventcal" data="${bimhuisfeed}">
    <gm:handleEvent event="select" src="events"/>
    <gm:handleEvent event="select" src="searchresults"/>
  </gm:calendar>
  
  <gm:list id="events" template="eventtable" data="${bimhuisfeed}" pagesize="5">
    <gm:handleEvent event="select" src="eventcal"/>
    <gm:handleEvent event="select" src="searchresults"/>
  </gm:list>
  
  <gm:search id="searchevents" data="${bimhuisfeed}" ref="atom:title" param="q" hint="type artist/band">
    <gm:param name="q" value=""/>
  </gm:search>
 
 <gm:list id="searchresults" data="${searchevents}"/>
   
  <gm:template id="eventtable">
    <table>
      <tr repeat="true">
        <td><gm:html ref="atom:title"/><gm:date ref="gd:when/@startTime"/></td>
      </tr>
      <tr>
        <td><gm:pager></td>
      </tr>
    </table>
  </gm:template>

</gm:page>